<main if="!data.hide" foreach="data.main">
    <div>
        <div if="data" foreach="data">
            <section data-id="{{data.id}}" data-date="{{data.date}}" data-index="{{index}}" root>
                <div class="{{data.class}}" style="padding-right: 10px;" tap="attach">
                    <div class="title" click="delegate:root">{{data.title}}</div>
                    <div class="content" click="delegate:foo">{{#data.content}}</div>
                    <div class="footer">{{data.footer}}</div>
                </div>
            </section>
        </div>
        <div if="data" foreach="data">
            <section data-id="{{data.id}}" data-date="{{data.date}}" data-index="{{index}}" root>
                <div class="{{data.class}}" style="padding-right: 10px;" tap="attach">
                    <div class="title" click="delegate:root">{{data.title}}</div>
                    <div class="content" click="delegate:foo">{{#data.content}}</div>
                    <div class="footer">{{data.footer}}</div>
                </div>
            </section>
        </div>
    </div>
</main>
